<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <link rel="stylesheet" type="text/css" href="../css/foot_style.css"/>
    <link rel="stylesheet" type="text/css" href="../css/head_style.css"/>
    <link rel="stylesheet" href="../js/layui-v2.2.6/layui/css/layui.css">
    <link rel="stylesheet" href="../css/register.css">
    <link rel="stylesheet" href="../css/fontCss.css">
    <script src="../js/layui-v2.2.6/layui/layui.js"></script>
    <script src="../js/foot.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <!--头部-->
    <div class="head">
    <div class="head1 ">
        <img class="img" src="../img/top1.png" alt="汇网" width="50" height="50"/>
        <div class="head-search layui-form">
            <i class="layui-icon layui-icon-face-smile search-icon">&#xe615;</i>
            <div class="layui-input-inline head-search-input">
                <select name="modules" lay-verify="required" lay-search="">
                    <option value="">寻找人才</option>
                    <option value="1">人才1号</option>
                </select>
            </div>
        </div>
        <div class="layui-btn layui-btn-sm fabu-btn">发&nbsp;&nbsp;布</div>
        <div class="btns">
					<span class="language-btns" >
						中文
						<i class="layui-icon layui-icon-face-smile language-icon">&#xe61a;</i>
					&nbsp;&nbsp;&nbsp;
						<div class="span-div">
							<p class="cn">中文</p>
								<hr/>
								<p class="eng">English</p>
						</div>
					</span>
            <span>&nbsp;&nbsp;&nbsp;</span>
            <div class="img-userhead">
                <img src="../img/1/10.png" width="32" height="32" style="border-radius: 16px;;"><!--头像-->
                <span class="user-btn">Manty
							<i class="layui-icon layui-icon-face-smile user-icon" style="font-size: 14px;">&#xe61a;</i>
						</span>
                <div class="userbox">
                    <div class="userbox-user">
                        <img src="../img/1/10.png"/>
                        <span class="userbox-usename">Manty</span>
                        <span class="userbox-usertype">个人用户</span>
                    </div>
                    <div class="userbox-set">
                        <i class="iconfont " style="font-size: 14px;color: #333333;">&#xe606;</i>
                        &nbsp;&nbsp;&nbsp;设置
                    </div>
                    <div class="userbox-out">
                        <i class="iconfont " style="font-size: 14px;color: #333333;">&#xe652;</i>
                        &nbsp;&nbsp;&nbsp;安全退出
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    <div class="container">
        <div class="title">注册</div>
        <div class="main">
            <form class="layui-form layui-form-pane" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label"><i class="iconfont">&#xe757;</i></label>
                    <div class="layui-input-block">
                        <input type="text" placeholder="请输入用户名" class="layui-input">
                        <div class="bord-fa"></div>
                        <!--<p class="msg">请输入名字</p>-->
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label"><i class="iconfont">&#xe75a;</i></label>
                    <div class="layui-input-block">
                        <input type="text" placeholder="请输入邮箱" class="layui-input">
                        <div class="bord-fa"></div>
                        <!--<p class="msg">请输入正确邮箱</p>-->
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label"><i class="iconfont">&#xe757;</i></label>
                    <div class="layui-input-block">
                        <input type="text" placeholder="密码不得少于6位" class="layui-input">
                        <div class="bord-fa"></div>
                        <!--<p class="msg">密码不得少于6位</p>-->
                    </div>
                </div>
                <div class="btnbox">
                    <button class="layui-btn nextBtn">下一步</button>
                </div>
            </form>
        </div>
        <div class="footer">
            <p><!--已有账号?--><a href="./login.html">登陆</a></p>
        </div>
    </div>

    <div class="foot">
        <div class="foot1">
            Copyright © 2018 世界汇网  www.thewiorldwie.cn
        </div>
    </div>
    <script>
        layui.use(['form', 'layedit', 'laydate'], function(){
            var form = layui.form
                ,layer = layui.layer
                ,layedit = layui.layedit
                ,laydate = layui.laydate
                ,$ = layui.jquery;

             $(".language-btns").click(function(){
                if(!$(".span-div").is(':hidden')){//如果当前不隐藏
                    $('.span-div').hide();//就隐藏div
                    $(".language-icon").html("&#xe61a;")
                }else{//否则
					$('.userbox').hide();//就隐藏div
					$(".user-icon").html("&#xe61a;")
                    $('.span-div').show();//那么就显示div
                    $(".language-icon").html("&#xe619;")
                }
            })

            $(".user-btn").click(function(){
                if(!$(".userbox").is(':hidden')){//如果当前不隐藏
                    $('.userbox').hide();//就隐藏div
                    $(".user-icon").html("&#xe61a;")
                }else{//否则
 					$('.span-div').hide();//就隐藏div
 					$(".language-icon").html("&#xe61a;")
                    $('.userbox').show();//那么就显示div
                    $(".user-icon").html("&#xe619;")
                }
            });
		
		
		
        })
    </script>
</body>
</html>